<template>
  <div class="footer">
    <h1>Footer</h1>
    <p>count{{count}}</p>
    <h2>电影列表<button @click="getMovieList">获取</button></h2>
    <ul>
        <li v-for="movie in movieList" :key="movie.tvId">
            {{movie.albumName}}
        </li>
    </ul>
  </div>
</template>

<script>
import { mapActions, mapState } from 'vuex'
export default {
name:'Footer',
computed:{
    ...mapState("count",['count','movieList'])
},
methods:{
    ...mapActions("count",['getMovieList'])
}
}
</script>

<style>
.footer{
    margin: 30px;
    background: yellowgreen;
   
}
</style>